<div>
    <div class="update-cache">
        <button @click="updateCache">刷新</button>
    </div>
    <div class="asset-url">
        <label>查询的资源地址:  {{curSelectedAssetInfo ? curSelectedAssetInfo.url : ""}}</label>
    </div>
    <div class="asset-uuid">
        <label>查询的资源uuid:  {{curSelectedAssetInfo? curSelectedAssetInfo.uuid : ""}}</label>
    </div>
    <div class="remove-button">
        <button @click="remove()">删除</button>
        <button @click="select()">选中</button>
    </div>
    <div class="asset-count">
        <label>资源被引用数: {{assetBeDependedInfo.length}}</label>
    </div>
    <div class="fliter">
        <ui-input placeholder="资源筛选" @change="onFliterInputValueChange($event.target.value)"/>
    </div>
    <div class="scroll-container-head">
        <label class="scroll-container-head-label-1">资源地址</label>
        <label class="scroll-container-head-label-2">节点路径</label>
        <label class="scroll-container-head-label-3">组件引用信息</label>
    </div>
    <div class = "scroll-container">
        <div class="scroll-container-item" v-for="(item, index) in (filterInputValue ? filteredAssetBeDependedInfo : assetBeDependedInfo)" :key="index">
            <label class="scroll-container-item-label">{{item.assetInfo.url}}</label>
            <label class="scroll-container-item-label">{{item.nodePath || ""}}</label>
            <label class="scroll-container-item-label">{{item.componentInfos.length > 0 ? item.componentInfos : ""}}</label>
            <div class="scroll-container-item-btns">
                <button class="scroll-container-item-select-button" @click="selectItem(index)">选中</button>
                <button class="scroll-container-item-jump-button" v-if = "item.nodePath" @click="jumpItem(index)">跳转</button>
            </div>
        </div>
    </div>
</div>